import { defineComponent,ref,computed } from "vue";
import studentsd from "../day20241211/students.vue";
export default defineComponent({
    name:'dayStues',
    setup(){
        const message=ref('组合式API-自定义渲染-JSX')
        const inputValue=ref('111')
        const computedMessage=computed(()=>{
            return `${message.value}(computed)`
        })
        const UpdataMessage=()=>{
            message.value='改变组合式API-自定义渲染-JSX'
        }
        return()=>(
            <div id="wrap">
                <h1>{message.value}</h1>
                <p>{computedMessage.value}</p>
                <input type="text" v-model={inputValue.value} />
                <p>Input Value :{inputValue.value}</p>
                <button onClick={UpdataMessage}>Updata Message</button>
                <studentsd />
            </div>
        )
    }
})
